<template>
  <!-- 记录片 -->
  <div class="center-wrap" id="bili_record">
    <div class="space-between">
      <div class="record-left">
        <StoreyTitle :title="title">
          <svg slot="svg" t="1595231380899" class="icon" viewBox="0 0 1433 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="3585" width="200" height="200">
            <path d="M1406.525252 178.420996c14.915295 38.878087-29.016511 91.901815-98.132135 118.428398-25.164492 9.654629-50.19526 14.474642-72.565316 14.819241L1230.544058 361.940089c-1.019772 9.702483-3.393228 18.925715-6.901121 27.542974l1.315595-0.048932c-53.125185 302.578353-313.338763 525.000863-620.473549 530.367096l-79.033372 1.371878C275.632099 925.54314 69.540474 726.540506 65.207471 476.724886a452.421818 452.421818 0 0 1 2.70298-57.956115l1.016937-9.141159 1023.677046-17.8923 8.572703-81.563815a226.955636 226.955636 0 0 1-45.948357-23.082084c-62.090095-40.31686-94.037633-101.315828-71.346548-136.241326 22.672569-34.927444 91.387647-30.569471 153.494312 9.767852a222.301091 222.301091 0 0 1 46.113683 39.498826c17.601985-17.31999 42.033664-33.004835 70.845565-44.054576 69.11757-26.5451 137.255648-16.519227 152.170944 22.358861z"
              fill="#9BE8EE" p-id="3586"></path>
            <path d="M1397.093113 173.760374c14.849071 39.151938-29.018345 92.631731-97.957537 119.438948-25.083588 9.775457-50.027613 14.660749-72.344067 15.029702l-5.408295 51.456491c-0.996419 9.480289-3.294865 18.524198-6.672199 26.967971l1.12654-0.031362a644.840727 644.840727 0 0 1-126.797607 286.073765C968.669212 735.002242 847.917388 759.789627 726.728928 747.052207 435.098944 716.40066 443.208608 478.938051 323.902093 491.933515c-79.538974 8.675987-166.495853-18.940916-260.876476-82.795159l0.072118 0.026301 0.011677-0.111098 0.910073-0.821663 1019.878168-19.152732 8.659334-82.209935a224.721455 224.721455 0 0 1-45.805121-23.198075C984.878071 243.077496 953.104907 181.666279 975.75112 146.455254 998.401225 111.207196 1066.910679 115.562278 1128.806882 156.12085a221.5936 221.5936 0 0 1 45.919791 39.740537c17.562005-17.473958 41.968329-33.273792 70.701272-44.462877 68.941138-26.825734 136.855076-16.804698 151.702201 22.365756z"
              fill="#41ABCD" p-id="3587"></path>
            <path d="M1032.55577 908.200495c53.281934-43.129919 27.347935-99.359555-19.247073-156.899598-46.595007-57.540042-125.79437-70.619298-149.467328-51.466255-23.67685 19.190075-27.349881 99.378072 19.245127 156.918114 46.595007 57.540042 96.20391 94.59812 149.467327 51.466255z"
              fill="#41ABCD" p-id="3588"></path>
            <path d="M554.830385 573.434347m-33.329141-3.503034a33.512727 33.512727 0 1 0 66.658282 7.006068 33.512727 33.512727 0 1 0-66.658282-7.006068Z"
              fill="#000000" p-id="3589"></path>
          </svg>
        </StoreyTitle>
        <VideoPreview :videolist="videolist" :classname="classname"></VideoPreview>
      </div>
      <NoImgRank :ranklist="ranklist"></NoImgRank>
    </div>
  </div>
</template>

<script>
  import StoreyTitle from '../public/StoreyTitle.vue'
  import VideoPreview from '../public/VideoPreview.vue'
  import NoImgRank from '../public/NoImgRank.vue'
  export default {
    name: 'RecordList',
    components: {
      StoreyTitle,
      VideoPreview,
      NoImgRank
    },
    data() {
      return {
        title: '记录片',
        classname:'record-box',
        videolist: [{
            img: require('../../assets/img/douga_4k.jpg'),
            bg: require('../../assets/img/douga_4k1.jpg'),
            bgnum: '28',
            title: '全b站第一个4K蒸汽波！𝓼𝓾𝓶𝓶𝓮𝓻 𝓵𝓸𝓿𝓮🍭💗',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamiclist_lwdgz.jpg'),
            bg: require('../../assets/img/dynamic_lwdgz1.jpg'),
            bgnum: '28',
            title: '龙王的工作',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_almls.jpg'),
            bg: require('../../assets/img/dynamic_almls1.jpg'),
            bgnum: '28',
            title: '【4月】埃罗芒阿老师 02【独家正版】',
            time: '23:41',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_silver.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_jojo.jpg'),
            bg: require('../../assets/img/dynamic_jojo1.jpg'),
            bgnum: '28',
            title: '【10月】JOJO的奇妙冒险 黄金之风 23【独家正版】',
            time: '24:01',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_gmzr.jpg'),
            bg: require('../../assets/img/dynamic_gmzr1.jpg'),
            bgnum: '28',
            title: '【4月】鬼灭之刃 19【独家正版】',
            time: '23:46',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/dynamic_hydxj.jpg'),
            bg: require('../../assets/img/dynamic_hydxj1.jpg'),
            bgnum: '28',
            title: '【4月/完结】辉夜大小姐想让我告白？～天才们的恋爱头脑战～  12【独家正版】',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/extension_img1.jpg'),
            bg: require('../../assets/img/extension1_img1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_silver.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
          {
            img: require('../../assets/img/douga_jjdjr.jpg'),
            bg: require('../../assets/img/douga_jjdjr1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown:require('../../assets/img/icon_gold.png'),
            count1:'390.7万',
            count2:'56.6万'
          },
        ],
        ranklist:[//右侧排行榜
          {name:'Re：从零开始的异世界生活 第二季',num:'2',state:'0'},
          {name:'刀剑神域 爱丽丝篇 异界战争 -终章-',num:'13',state:'0'},
          {name:'我的青春恋爱物语果然有问题。完',num:'1',state:'0'},
          {name:'黑色四叶草',num:'134',state:'0'},
          {name:'辉夜大小姐想让我告白？～天才们的恋爱头脑战～',num:'12',state:'1'},
          {name:'关于我转生变成史莱姆这档事',num:'28',state:'1'},
          {name:'OVERLORD',num:'13',state:'1'},
          {name:'辉夜大小姐想让我告白？～天才们的恋爱头脑战～',num:'12',state:'1'},
          {name:'关于我转生变成史莱姆这档事',num:'28',state:'1'},
          {name:'OVERLORD',num:'13',state:'1'},
        ],
      }
    }
  }
</script>

<style scoped>
</style>
